<template>
    <div class="home">
        <image class="home-images" style="width:500px;height:500px" src="https://vuejs.org/images/logo.png" />
        <wxc-button text="确定" @wxcButtonClicked="wxcButtonClicked" />
    </div>
</template>
<script>
import { WxcButton } from 'weex-ui';
import { Modal } from '@/uilts/weexModule';
import { mapActions, mapGetters } from 'vuex';
export default {
    name: 'home',
    components: {
        WxcButton,
    },
    computed: {
        ...mapGetters(['userInfo']),
    },
    methods: {
        ...mapActions(['userLogin']),
        wxcButtonClicked(e) {
            console.log(e);
            Modal.toast({
                message: this.userInfo,
                duration: 3,
            });
        },
    },
};
</script>
<style scoped lang="scss">
.home {
    &-images {
        width: 300px;
        height: 300px;
        transform: rotate(30deg);
    }
}
</style>

